<template>
  <div class="container">
    <div class="header">
      <h1>测试标题</h1>
    </div>
    <div class="left-bottom-box">
      <button class="screenshot" @click="doPrint" title="打印" id="print">
        <img src="../images/print.svg" />
      </button>
    </div>
  </div>
</template>
<script>
export default {
  setup() {},
  methods: {
    doPrint() {
      window.print();
    },
  },
};
</script>
<style scoped>
.container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.left-bottom-box {
  position: absolute;
  z-index: 9999;
  /* background-color: white; */
  border-radius: 5px;
  top: 15px;
  right: 15px;
}

.screenshot {
  cursor: pointer;
}

.screenshot img {
  width: 28px;
  height: 28px;
}

.header {
  /* position: absolute; */
  color: white;
  z-index: 9999;
  width: 100%;
  text-align: center;
}
</style>